$(document).ready(function()
{    
    $('#listado_atributo').combobox();
    $('#listado_tipo_convocatoria').combobox();
    $('#listado_tipo_entidad').combobox();
    $('#listado_entidad_convoca').hide();
    $('#forma').hide();    
    $('#etiq1').hide();
    
    //    $(".ui-widget").click(function()
//     {        
//         $.ajax({
//            url:"procesa",
//            type: "POST",
//            data:"id_tipo_entidad="+$("#listado_tipo_entidad").val(),
//            success: function(opciones){    
//                                            $('#etiq1').show();
//                                            $('#listado_entidad_convoca').combobox();
//                                            $("#listado_entidad_convoca").html(opciones);  
//                                            var sInput = $("#listado_atributo option:selected").html();
//                                            var divSalida = document.getElementById("valor");
//                                            divSalida.innerHTML = sInput;
//                                            },
//            }); 
//     });     
    $(".ui-widget").click(function()
     {        
         $.ajax({
            url:"procesa",
            type: "POST",
            data:"id_tipo_entidad="+$("#listado_tipo_entidad").val(),
            success: function(opciones){    
                                            $('#etiq1').show();
                                            $('#listado_entidad_convoca').combobox();
                                            $("#listado_entidad_convoca").html(opciones);  
                                            var sInput = $("#listado_atributo option:selected").html();
                                            var divSalida = document.getElementById("valor");
                                            divSalida.innerHTML = sInput;
                                            },
            }); 
     });     
     
      $( "#crear_campo" ).button().click(function() 
                                                {                                                    
                                                    
                                                    var p = " <td><select id='listado_atribut' name='atributo' >\n\
                                                                <option value='0'>Seleccione</option>\n\
                                                                 <?php foreach ($atributos as $atr): ?>\n\
                                                                   <option value='<?php echo $atr[0] ?>'><?php echo $atr[1] ?>\n\
                                                                    </option> \n\
                                                                    <?php endforeach; ?></select></td>"
                                                    var sInput = "<tr><th><label id='valor'>"+$("#listado_atributo option:selected").html()+"</label></th><td><textarea name='mensaje' cols='55' rows='5'></textarea></td><tr>";
                                                    //var divSalida = document.getElementById("fil");
//                                                    divSalida.innerHTML = sInput;                                            
                                                    $( "#fil" ).append(p); 
                                                    actual();
                                                    console.log('se hace');
                                                });     
    $("#fileuploader").uploadFile({                   
 		url: "subir",                         
		dragDrop: true,
		fileName: "myfile",
		returnType: "json",
                showDone: true,
		showDelete: true,                
                allowedTypes:"pdf,png,gif,jpg,jpeg",
		multiple:false,				
                onError:function(){alert('Debe seleccionar el tipo del documento que desea adjuntar');},
                onSubmit: function(){ $.post("recibir", {item:$("#lista_doc option:selected").html(), valor_item:$("#lista_doc").val()}, function(respuesta){/*alert(respuesta)*/});},
                onSuccess:function(){
                                      valor_item = $("#lista_doc").val();
                                      nombre_item = $("#lista_doc option:selected").html();
                                      
                                      listadoItems.push({"nombre": nombre_item,"valor": valor_item});                                      
                                      $("#lista_doc option:selected").remove();                                      
                                      
                                      //permite seleccionar el siguiente item
                                      valor_nuevo_item = $("#lista_doc option:selected").val();
                                      if (valor_nuevo_item >0)
                                      {
                                          $("#lista_doc option[value="+valor_nuevo_item+"]").attr("selected", "selected");                                          
                                      }
                                      num_items = $("#lista_doc option").length;//se cuenta la cantidad de items que contiene el combo                                       
                                      //console.log("numero items"+ num_items);
                                      if (num_items <= 1)
                                      {
                                           $('#boton').attr("disabled", false);
                                      }                                     
                                                                          
                                    },
 		deleteCallback: function (data, pd) 
                                {  
                                    $('#boton').attr("disabled", true);
                                    if (j < listadoItems.length)
                                    {
                                        $('#lista_doc').append(new Option(listadoItems[j].nombre, listadoItems[j].valor));
                                        $.post("eliminardocumento", {item_valor:listadoItems[j].valor}, function(respuesta){});
                                        j++;
                                    }
                                    else
                                    {
                                        j=0;
                                    }
                                                                        
                                    for (var i = 0; i < data.length; i++) 
                                    {                                        
                                        $.post("borrar", {op: "delete", valor_item:$("#lista_doc").val() ,name: data[i]}, function (resp,textStatus, jqXHR) {alert("Se ha eliminado el archivo");});
                                    }pd.statusbar.hide(); //You choice.
                                }//FIN FUNCION CALLBACK
                });//FIN FUNCION UPLOAD FILE 
});//FIN FUNCION READY

function actual()
{
    $.ajax({    url:"atributos",
                type: "POST",
                success: function(opciones){$("#listado_atribut").html(opciones);},
            });   
    
    
    
    
    $('#forma').hide(); 
    $('#entidades').selectpicker('hide');
    $('.selectpicker').selectpicker({});
    
    $("#listado_tipo_entidad").change(function()
     {              
            $.ajax({
                    url:"procesa",
                    type: "POST",
                    data:"id_tipo_entidad="+$("#listado_tipo_entidad").val(),
                    success: function(opciones){
                                                    $('#entidades').selectpicker('show');
                                                    $("#entidades").html(opciones);
                                                    $('#entidades').selectpicker('refresh');
                                                },
                    });            
     });    
     
     $("#tipo_convocatoria").change(function()
     {             
            console.log($("#tipo_convocatoria").val());
            //crearPlazosMovilidad( $("#tipo_convocatoria").val() );
            $("#id_convocatoria").val($("#tipo_convocatoria").val())
     });    
      
    $( "#add_campo" ).button().click(function(){
                                                    $("#listado_atributo").multipleSelect("enable");
                                                    $.ajax({
                                                                                    url:"atributos",
                                                                                    type: "POST",            
                                                                                    success: function(opciones){$("#listado_atributo").html(opciones);},
                                                                            });
                                                    $("#crear_campo").show();
                                                    //$( "#crear_campo" ).button().removeAttr('disabled');
                                                    
                                                    });
    
    $( "#crear_campo" ).click(function(){
                                                    //$("#listado_atributo").multipleSelect("enable");
                                                    $( "#fil" ).empty();
                                                    var jObject={};
                                                    var valores = new Array();
                                                    var arreglo = new Array();
                                                    $("#listado_atributo option:selected").each(function()
                                                                                                        {
                                                                                                            valores.push($(this).text());
                                                                                                            arreglo.push($(this).val());
                                                                                                        });
                                                    jObject= JSON.stringify(arreglo);                                                    
                                                    if(arreglo !== null)
                                                     {
                                                         datos(valores);
                                                         //$("#listado_atributo").multipleSelect("uncheckAll");
                                                     }
                                                     else
                                                     {
                                                         arreglo = '0';
                                                     }
                                            $.ajax({
                                                    url:"capturar",
                                                    type: "POST",                                                                                                        
                                                    data:{jObject:  jObject},
                                                    success: function(){console.log('llego')},
                                            });
                               });
}



function datos(array)
{        
        for (i=0; i< (array.length); i++)
        {            
            var r = "<tr>\n\
                 <th><label name='etiquetas[]'+>"+array[i]+"</label></th> \n\
                 <td><textarea id='campo' name='campos[]' cols='55' rows='3'></textarea>\n\
                </td>\n\
                 </tr>";
            $( "#fil" ).append(r); 
        }
        console.log('pasa por la funcion')
        $("#listado_atributo").multipleSelect("disable");
        $("#crear_campo").hide();        
}

function crearPlazosMovilidad(tipo)
{      
        if (tipo === '1')//beca entre instituciones asociadas
        {
            
                    //se borran las celdas
                    $( "#p0" ).empty();
                    $( "#p1" ).empty();
                    $( "#p2" ).empty();
                    $( "#p3" ).empty();


                    //se ingresan contenidos
                    $( "#p0" ).html("<th colspan = 3>Para viajes que se vayan a realizar entre:</th>");
                    var r1 = "<th colspan='3'>\n\
                              <input type='text' name='date_start' size='20' placeholder='Haga clic -->' id='date_s'><input type='hidden' name='fecha_inicio_tipo1' size='5' id='plazo_inicio'>\n\
                              <label>y</label> <input type='text'  name='date_end' size='20' placeholder='Haga clic -->' id='date_f'><input type='hidden' name='fecha_fin_tipo1' size='5' id='plazo_fin'>\n\
                              <label>, la convocatoria se cierra el</label>\n\
                              <input type='text'  name='date_close' size='20' placeholder='Haga clic -->' id='date_c'><input type='hidden' name='fecha_cierre_tipo1' size='5' id='plazo_tipo1'>\n\
                            </th>";
        
                    $( "#p1" ).html(r1);
                   
                    $( "#plazo_inicio" ).datepicker({
                                                        defaultDate: "-1w",
                                                        changeMonth: true,
                                                        numberOfMonths: 2,
                                                        showOn: "button",
                                                        buttonImage: "/images/calendar.gif",
                                                        buttonImageOnly: true,
                                                        altField: "#date_s",
                                                        dateFormat: 'yy/mm/dd',
                                                        altFormat: "d 'de' MM 'de' yy",
                                                        onClose: function( selectedDate ) 
                                                        {
                                                            $( "#plazo_fin" ).datepicker( "option", "minDate", selectedDate );
                                                        }
                                                    });

                    $( "#plazo_fin" ).datepicker({
                                            defaultDate: "+1w",
                                            changeMonth: true,
                                            numberOfMonths: 2,
                                            showOn: "button",
                                            buttonImage: "/images/calendar.gif",
                                            buttonImageOnly: true,
                                            altField: "#date_f",
                                            dateFormat: 'yy/mm/dd',
                                            altFormat: "d 'de' MM 'de' yy",
                                            onClose: function( selectedDate ) 
                                            {
                                                $( "#plazo_inicio" ).datepicker( "option", "maxDate", selectedDate );
                                            }
                                        });
                    $( "#plazo_tipo1" ).datepicker({
                                                        showOn: "button",
                                                        buttonImage: "/images/calendar.gif",
                                                        buttonImageOnly: true,
                                                        altField: "#date_c",
                                                        dateFormat: 'yy/mm/dd',
                                                        altFormat: "d 'de' MM 'de'  yy"
                                            });
                  
        }//FIN SI tipo 1
        
        if (tipo === '2')//beca de movilidad para andaluzas y latinoamericanas
        {
            //se limpian celdas
            $( "#p0" ).empty();
            $( "#p1" ).empty();
            $( "#p2" ).empty();            
            
            //se ingresan contenidos
            $( "#p0" ).html("<th colspan=3>El Comité de Selección considerará 2 plazos para la recepción de solicitudes:</th>");
            var r1 = "<th><label>Plazo 1</label></th>\n\
                      <td><label>Hasta: </label><input type='text' name='fecha' size='30' placeholder='Haga clic para seleccionar la fecha -->' id='date1'><input type='hidden' name='fecha_inicio_tipo2' size='35' id='plazo1'></td>";
            
            $( "#p1" ).html(r1);
            
            $( "#plazo1" ).datepicker({
                 showOn: "button",
                 buttonImage: "/images/calendar.gif",
                 buttonImageOnly: true,
                 altField: "#date1",
                 dateFormat: 'yy/mm/dd',
                 altFormat: "DD, d 'de' MM 'de' yy"
             });
            
            var r2 = "<th><label>Plazo 2</label></th>\n\
                  <td><label>Hasta: </label><input type='text' name='fecha' size='30' placeholder='Haga clic para seleccionar la fecha-->' id='date2'><input type='hidden' name='fecha_fin_tipo2' size='35' id='plazo2'></td>";
            $( "#p2" ).html(r2);
            $( "#plazo2" ).datepicker({
                                        showOn: "button",
                                        buttonImage: "/images/calendar.gif",
                                        buttonImageOnly: true,
                                        altField: "#date2",
                                        dateFormat: 'yy/mm/dd',
                                        altFormat: "DD, d 'de' MM 'de' yy"
                            });            
        }//FIN SI tipo 2
        
        if (tipo === '3')//beca de movilidad para extremadura
        {
            //se limpian celdas
            $( "#p0" ).empty();
            $( "#p1" ).empty();
            $( "#p2" ).empty();
            $( "#p3" ).empty();            
          
            var r1 = "<th><label>Plazo 1</label></th>\n\
                      <td><label>Hasta el:</label><input type='text' name='fecha' size='10' placeholder='Haga clic -->' id='date1'><input type='hidden' name='fecha_fin_tipo3' size='35' id='plazo1'></td>";
            
            $( "#p1" ).html(r1);
            $( "#plazo1" ).datepicker({
                 showOn: "button",
                 buttonImage: "/images/calendar.gif",
                 buttonImageOnly: true,
                 altField: "#date1",
                 dateFormat: 'yy/mm/dd',
                 altFormat: "d 'de' MM 'de' yy"
             });
        }//FIN SI tipo 3
    }
    
    $( "#crear_convocatoria" ).button().click(function(){});
//				$.fancybox.open({                                
//					href : 'crearconvocatoria',
//					type : 'ajax',			                                        
//                                        fitToView	: false,
//                                        width		: '55%',
//                                        height		: '30%',
//                                        autoSize	: false,
//                                        closeClick	: false,
//                                        openEffect	: 'fade',
//                                        closeEffect	: 'elastic',  
//                                        openOpacity     : true,                                        
//                                        title           :'Registrar nueva convocatoria',                                        
//                                        openSpeed       : '4000',                                               
//				});		

function datos(array)
{        
        for (i=0; i< (array.length); i++)
        {            
            var r = "<tr>\n\
                 <th><label name='etiquetas[]'+>"+array[i]+"</label></th> \n\
                 <td><textarea id='campo' name='campos[]' cols='55' rows='3'></textarea>\n\
                </td>\n\
                 </tr>";
            $( "#fil" ).append(r); 
        }
        console.log('pasa por la funcion')
        $("#listado_atributo").multipleSelect("disable");
        $("#crear_campo").hide();        
}